

<span id="countermessages"></span>

<a href="#" id="messagenotif"><img src="<?=BASE_URI?>img/icons/FinalNavMessageIcon.png"></a>



		<div id="messageContainer">
			<div class="large-12 column" id="titleNotif"><a style="color:#3d3d3d;">Inbox (3 unread messages)</a></div>
			<div id="bodyNotif" class="notifications">

				<div class="notif-ol active-message large-12 column" onclick="location.href='#';">
					<div class="medium-2 large-2 column">
						<img class="dp" src="<?=BASE_URI ?>img/user_dp/steve.jpg">
					</div>
					<div class="medium-10 column">
						<div class="time medium-12 column">
							<div class="large-12 column">
								<p style="font-size:.964rem;"><a href="">Brett Virador</a></p>
								<p>Hello this is a message</p>
								<p style="margin-top:-.4rem;"><small>12 hrs</small></p>
							</div>
						</div>
					</div>
				</div>
			
				<div class="notif-ol large-12 column" onclick="location.href='#';">
					<div class="medium-2 large-2 column">
						<img class="dp" src="<?=BASE_URI ?>img/user_dp/a6.jpg">
					</div>
					<div class="medium-10 column">
						<div class="time medium-12 column">
							<div class="large-12 column">
								<p style="font-size:.964rem;"><a href="">Mhia Lustrana</a></p>
								<p>Lorem ipsum dolor sit amet, consectetur adipisicing</p>
								<p style="margin-top:-.4rem;"><small>12 hrs</small></p>
							</div>
						</div>
					</div>
				</div>

			<div id="footerNotif"><a href="#">See All</a></div>
		</div>

